<template>
  <view class="ui-cell-group">
    <view class="ui-cell-group--title" v-if="title">{{title}}</view>
    <view class="cell-group--body">
      <slot></slot>
    </view>
  </view>
</template>
<script>
export default {
  name: "nut-cell-group",
  componentName: "uiCellGroup",
  options: {
    styleIsolation: "apply-shared"
  },
  props: {
    title: {
      type: String,
      default: ""
    },
    titleWidth: {
      type: String
    }
  },
  components: {},
  data() {
    return {};
  },
  methods: {}
};
</script>

<style lang="scss" scoped>
.ui-cell-group {
  .ui-cell-group--title {
    // 修复在h5 下面 uni-view元素问题
    display: block;
  }
}
</style>
